<template>
    <div class="register-all-box">
        <div class="title-box">
            <img src="../assets/images/logo.png" alt="logo" title="logo" class="logo">
            <span class="title">高校调查问卷管理系统</span>
        </div>
        <div class="register-box">
            <div class="register-box-item">
                <span class="register-title">用户注册</span>
                    <span class="register-name">
                        <input type="text" placeholder="请输入用户名" class="form-item" v-model="username">
                    </span>
                    <span class="register-password">
                        <input type="password" placeholder="请输入密码" class="form-item" v-model="password">
                    </span>
                    <span class="register-email">
                        <span class="register-email-input">
                            <input type="text" placeholder="请输入邮箱" class="form-item input-postbox" v-model="email">
                        </span>
                        <span class="register-telephone-button">
                            <button class="sendCode">点击发送验证码</button>
                        </span>
                    </span>
                    <span class="register-code">
                        <input type="text" placeholder="请输入验证码" class="form-item" v-model="code">
                    </span>
                    <span class="register-button">
                        <span class="register-button-item1">
                            <button class="goRegister" @click="goRegister">注册</button>
                        </span>
                        <span class="register-button-item2">
                            <!-- <button class="goLogin">已有账户，点击登录</button> -->
                            <router-link to="login" class="goLogin">已有账户，点击登录</router-link>
                        </span>
                    </span>


            </div>

        </div>
    </div>
</template>
<script>
    import axios from "axios"
    export default {
        data() {
            return {
                username: "",
                password: "",
                email: "",
                code: ""
            }
        },
        methods: {
            goRegister() {
                axios({
                    method: "post",
                    url: "",
                    data: {
                        username: this.username,
                        password: this.password,
                        email: this.email
                    }

                }).then((res) => {

                })
            }

        }
    }


</script>
<style src="../assets/css/register.css" scoped>
</style>